<template>
  <div class="card-view">
    <slot name="header" />
    <div class="card-content-view flex-rowc">
      <p>已过去 <span>3天</span></p>
    </div>
  </div>
</template>
<script setup lang="ts">
const props = defineProps({
  id: {
    type: [String, Number],
    required: true,
  },
})

defineExpose({})
</script>

<style scoped lang="less">
.card-view {
  height: 100%;
  .card-content-view {
    height: calc(100% - 50px);
    span {
      font-size: 46px;
      color: #333;
      font-weight: bold;
    }
  }
}
</style>
